<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
        <!-- Breadcrumb Start -->
        <div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
            <div class="container">
                <div class="row py-5">
                    <div class="col-sm-6">
                        <h3 class="text-white">提交车辆</h3>
                    </div>
                    <div class="col-sm-6">
                        <nav aria-label="breadcrumb" class="float-right">
                            <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                                <li class="breadcrumb-item"><a href="#">首页</a></li>
                                <li class="breadcrumb-item"><a href="#">页面</a></li>
                                <li class="breadcrumb-item active" aria-current="page">提交车辆</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    <!-- Breadcrumb End -->


    <div class="full-row">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="submit-form">
                        <form>
                            <div class="description">
                                <h5 class="text-secondary">基本情况</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <label>财产所有权</label>
                                            <span class="ml-2 fa-2x"><i title="Property Title" class="fas fa-question-circle text-secondary"></i></span>
                                            <input type="text" name="title" class="form-control border">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="form-group">
                                            <label>财产状况</label>
                                            <select class="form-control border">
                                                <option>一些状态</option>
                                                <option>状态 1</option>
                                                <option>状态 2</option>
                                                <option>状态 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <div class="form-group">
                                            <label>属性类型</label>
                                            <select class="form-control border">
                                                <option>一些状态</option>
                                                <option>状态 1</option>
                                                <option>状态 2</option>
                                                <option>状态 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-12">
                                        <div class="form-group">
                                            <label>价格</label>
                                            <span class="ml-2 fa-2x"><i title="Property Price" class="fas fa-question-circle text-secondary"></i></span>
                                            <input type="text" placeholder="USD" class="form-control border">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-12">
                                        <div class="form-group">
                                            <label>地区</label>
                                            <span class="ml-2 fa-2x"><i title="Property Price" class="fas fa-question-circle text-secondary"></i></span>
                                            <input type="text" placeholder="Sq Ft" class="form-control border">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-12">
                                        <div class="form-group">
                                            <label>卧室</label>
                                            <span class="ml-2 fa-2x"><i title="Property Price" class="fas fa-question-circle text-secondary"></i></span>
                                            <input type="text" placeholder="1" class="form-control border position-relative">
                                            <div class="buttons text-white text-center"> <span class="bg-secondary">-</span> <span class="bg-secondary">+</span> </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-9">
                                        <div class="d-inline-block d-sm-flex my-4 w-100">
                                            <label class="align-self-center">你们有分期付款制度吗？</label>
                                            <div class="radio-check ml-sm-auto"> <abbr title="Click button to slide the radio button">
                                                <input type="checkbox" id="radio-1" class="d-none" name="question" value="Yes">
                                                <label for="radio-1"><span>No</span><span class="text-white">Yes</span></label>
                                            </abbr> </div>
                                        </div>
                                        <div class="d-inline-block d-sm-flex mb-4 w-100">
                                            <label class="align-self-center">有没有这个财产的保险?</label>
                                            <div class="radio-check ml-sm-auto"> <abbr title="Click button to slide the radio button">
                                                <input type="checkbox" id="radio-2" class="d-none" name="question" value="Yes">
                                                <label for="radio-2"><span>No</span><span class="text-white">Yes</span></label>
                                            </abbr> </div>
                                        </div>
                                        <div class="d-inline-block d-sm-flex mb-4 w-100">
                                            <label class="align-self-center">该物业是否有第三方的不履行义务?</label>
                                            <div class="radio-check ml-sm-auto"> <abbr title="Click button to slide the radio button">
                                                <input type="checkbox" id="radio-3" class="d-none" name="question" value="Yes">
                                                <label for="radio-3"><span>No</span><span class="text-white">Yes</span></label>
                                            </abbr> </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-3"> </div>
                                </div>
                            </div>
                            <div class="description mt-4">
                                <h5 class="text-secondary">说明</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <label>说明</label>
                                            <textarea class="form-control border bg-light" placeholder="Write Details..." rows="8"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="property-location mt-4">
                                <h5 class="text-secondary">物业位置</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <label>地址</label>
                                            <input type="text" name="title" class="form-control border">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="form-group">
                                            <label>城市</label>
                                            <select class="form-control border">
                                                <option>选择城市</option>
                                                <option>状态 1</option>
                                                <option>状态 2</option>
                                                <option>状态 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="form-group">
                                            <label>州</label>
                                            <select class="form-control border">
                                                <option>选择州</option>
                                                <option>状态 1</option>
                                                <option>状态 2</option>
                                                <option>状态 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="form-group">
                                            <label>邮政编码</label>
                                            <input type="text" name="title" class="form-control border">
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-4">
                                        <div class="form-group">
                                            <label>国家</label>
                                            <select class="form-control border">
                                                <option>选择国家</option>
                                                <option>状态 1</option>
                                                <option>状态 2</option>
                                                <option>状态 3</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="additional-feature mt-4">
                                <h5 class="text-secondary mb-3">附加功能</h5>
                                <div class="row row-cols-lg-4 row-cols-sm-2 row-cols-1">
                                    <div class="col">
                                        <ul class="check-submit">
                                            <li>
                                                <input id="feature-1" class="d-none" type="checkbox">
                                                <label for="feature-1">花园包括</label>
                                            </li>
                                            <li>
                                                <input id="feature-2" class="d-none" type="checkbox">
                                                <label for="feature-2">消防设施</label>
                                            </li>
                                            <li>
                                                <input id="feature-3" class="d-none" type="checkbox">
                                                <label for="feature-3">储藏室</label>
                                            </li>
                                            <li>
                                                <input id="feature-4" class="d-none" type="checkbox">
                                                <label for="feature-4">安全警报</label>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col">
                                        <ul class="check-submit">
                                            <li>
                                                <input id="feature-5" class="d-none" type="checkbox">
                                                <label for="feature-5">车库设施</label>
                                            </li>
                                            <li>
                                                <input id="feature-6" class="d-none" type="checkbox">
                                                <label for="feature-6">游乐场</label>
                                            </li>
                                            <li>
                                                <input id="feature-7" class="d-none" type="checkbox">
                                                <label for="feature-7">高级门</label>
                                            </li>
                                            <li>
                                                <input id="feature-8" class="d-none" type="checkbox">
                                                <label for="feature-8">健身室</label>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col">
                                        <ul class="check-submit">
                                            <li>
                                                <input id="feature-9" class="d-none" type="checkbox">
                                                <label for="feature-9">消防安全</label>
                                            </li>
                                            <li>
                                                <input id="feature-10" class="d-none" type="checkbox">
                                                <label for="feature-10">包括</label>
                                            </li>
                                            <li>
                                                <input id="feature-11" class="d-none" type="checkbox">
                                                <label for="feature-11">地暖系统</label>
                                            </li>
                                            <li>
                                                <input id="feature-12" class="d-none" type="checkbox">
                                                <label for="feature-12">浴缸和披肩</label>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="col">
                                        <ul class="check-submit">
                                            <li>
                                                <input id="feature-13" class="d-none" type="checkbox">
                                                <label for="feature-13">游泳池</label>
                                            </li>
                                            <li>
                                                <input id="feature-14" class="d-none" type="checkbox">
                                                <label for="feature-14">模特楼</label>
                                            </li>
                                            <li>
                                                <input id="feature-15" class="d-none" type="checkbox">
                                                <label for="feature-15">空气室</label>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="property-plan mt-4">
                                <h5 class="text-secondary mb-3">物业计划</h5>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="accordion mt-4" id="accordionExample">
                                            <button class="bg-extra-three border-0 mb-1 hover-bg-primary hover-text-white text-secondary py-3 px-4 w-100 text-left position-relative position-relative" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 平面图 </button>
                                            <div id="collapseOne" class="collapse show p-4" data-parent="#accordionExample">
                                                <div class="row">
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>桅床</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>厨房</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>餐饮</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>浴室</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>存储</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>点击这里</label>
                                                            <input type="submit" name="name" class="btn btn-primary w-100" value="新增栏位">
                                                        </div>
                                                    </div>
                                                    <div class="description col-lg-12 mt-4">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12">
                                                                <div class="form-group">
                                                                    <label>添加说明</label>
                                                                    <textarea class="form-control border bg-light" placeholder="Write Details..." rows="4"></textarea>
                                                                </div>
                                                                <div class="form-group">
                                                                    <input type="submit" name="name" class="btn btn-primary" value="Add Plan Photo">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button class="bg-extra-three border-0 mb-1 hover-bg-primary hover-text-white text-secondary py-3 px-4 w-100 text-left position-relative collapsed position-relative" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false"
                                                    aria-controls="collapseTwo"> 车库计划 </button>
                                            <div id="collapseTwo" class="collapse p-4" data-parent="#accordionExample">
                                                <div class="row">
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>桅床</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>厨房</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>餐饮</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>浴室</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>存储</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>点击这里</label>
                                                            <input type="submit" name="name" class="btn btn-primary w-100" value="Add Field">
                                                        </div>
                                                    </div>
                                                    <div class="description col-lg-12 mt-4">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12">
                                                                <div class="form-group">
                                                                    <label>添加说明</label>
                                                                    <textarea class="form-control border bg-extra-three" placeholder="Write Details..." rows="4"></textarea>
                                                                </div>
                                                                <div class="form-group">
                                                                    <input type="submit" name="name" class="btn btn-primary" value="Add Plan Photo">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <button class="bg-extra-three border-0 mb-1 hover-bg-primary hover-text-white text-secondary py-3 px-4 w-100 text-left position-relative collapsed position-relative" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false"
                                                    aria-controls="collapseThree"> 园林设计 </button>
                                            <div id="collapseThree" class="collapse p-4" data-parent="#accordionExample">
                                                <div class="row">
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>桅床</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>厨房</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>餐饮</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>浴室</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>存储</label>
                                                            <input type="text" name="name" class="form-control border">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-4">
                                                        <div class="form-group">
                                                            <label>点击这里</label>
                                                            <input type="submit" name="name" class="btn btn-primary w-100" value="Add Field">
                                                        </div>
                                                    </div>
                                                    <div class="description col-lg-12 mt-4">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12">
                                                                <div class="form-group">
                                                                    <label>添加说明</label>
                                                                    <textarea class="form-control border bg-extra-three" placeholder="Write Details..." rows="4"></textarea>
                                                                </div>
                                                                <div class="form-group">
                                                                    <input type="submit" name="name" class="btn btn-primary" value="添加计划照片">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="upload-media mt-5">
                                <h5 class="text-secondary">添加照片和视频</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="browse-submit">
                                            <input type="file" id="fileupload-example-1" class="d-none">
                                            <label class="fileupload-label text-center w-100" for="fileupload-example-1">拖放以添加照片 (770x390)</label>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="property-thumbnails mt-5">
                                            <div class="row">
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect1.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect2.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect3.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect1.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect2.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                                <div class="thumbnails-box mb-4 col-lg-1 col-md-4 col-6"> <img src="static/assets/images/thumb/rect3.png" alt=""> <i class="fas fa-window-close"></i> </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12">
                                        <div class="form-group">
                                            <h5 class="mt-2">在此处添加视频链接</h5>
                                            <input type="text" name="name" class="form-control border video-link float-right">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="upload-media mt-5">
                                <h5 class="text-secondary">附近的地方</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-md-12">
                                        <ul class="nav nav-pills mb-3 bg-light" id="pills-tab" role="tablist">
                                            <li class="nav-item"> <a class="nav-link py-3 active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">医院</a> </li>
                                            <li class="nav-item"> <a class="nav-link py-3" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">商场</a> </li>
                                            <li class="nav-item"> <a class="nav-link py-3" id="pills-contact-tab2" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">学校</a> </li>
                                            <li class="nav-item"> <a class="nav-link py-3" id="pills-contact-tab3" data-toggle="pill" href="#pills-resturant" role="tab" aria-controls="pills-contact" aria-selected="false">餐厅</a> </li>
                                        </ul>
                                        <div class="tab-content mt-4" id="pills-tabContent">
                                            <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-4">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Name of the places">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Distance (km)">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Type">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-4">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Name of the places">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Distance (km)">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Type">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-resturant" role="tabpanel" aria-labelledby="pills-resturant">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-4">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Name of the places">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Distance (km)">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Type">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-4">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Name of the places">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Distance (km)">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2">
                                                        <div class="form-group">
                                                            <input type="text" name="name" class="form-control border" placeholder="Type">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <input type="submit" name="name" class="btn btn-primary" value="+">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
        <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
    </div>

    <!-- Javascripts -->
    <script src="static/assets/js/jquery.min.js"></script>
    <script src="static/assets/js/greensock.js"></script>
    <script src="static/assets/js/layerslider.transitions.js"></script>
    <script src="static/assets/js/layerslider.kreaturamedia.jquery.js"></script>
    <script src="static/assets/js/popper.min.js"></script>
    <script src="static/assets/js/bootstrap.min.js"></script>
    <script src="static/assets/js/bootstrap-select.min.js"></script>
    <script src="static/assets/js/jquery.fancybox.min.js"></script>
    <script src="static/assets/js/owl.js"></script>
    <script src="static/assets/js/wow.js"></script>
    <script src="static/assets/js/mixitup.min.js"></script>
    <script src="static/assets/js/custom.js"></script>

</body>
</html>